body {
    background: #F5F5F5;
}

/* 分类导航 categoryNav Start */
.ugo_list_categoryNav {
    // 面包屑导航
    .crumb {
        width: 100%;
        height: 32px;
        ul {
            width: 100%;
            li {
                line-height: 32px;
                float: left;
                a {
                    // font-size: 12px;
                    color: #666;
                }
                &.arrow {
                    width: 27px;
                    text-align: center;
                    span {
                        // hm_todo待优化 面包屑小箭头
                    }
                }
            }
        }
    }
    // 分类导航
    .type {
        width: 100%;
        width: 100%;
        .type_ul {
            li {
            	&:first-child {
            		border-bottom: 1px solid #333;
            	}
            	background: #FFF;
                border-bottom: 1px solid #BBBBBB;
                .brand {
	                border-bottom: 1px solid #BBBBBB;
                    .left {
                        a {
                        	display: block;
                        	height: 47px;
                            padding-top: 21px;
                        }
                    }
                    .center {
                        padding: 7px 0;
                        dl {
                            dd {
                                padding: 0 14px 0 30px;
                                line-height: 28px;
                            }
                        }
                    }
                    .right {
                        padding-top: 14px;
                    }
                }
                .face,
                .other {
                    // height: 31px; 设置高度就写死了
                    .left {
                        a {
                            line-height: 31px;
                            display: block;
                        }
                    }
                    .center {
                    	dl {
                    		dd {
                    			width: 150px;
                    			a {
                    				line-height: 31px;
		                        	margin-left: 30px;
                    			}
                    		}
                    	}
                    }
                }
                .skin,
                .area {
					.left {
                        a {
                            line-height: 31px;
                            display: block;
                        }
                    }
                    .center {
                    	dl {
                    		dd {
                    			a {
                    				line-height: 31px;
		                        	margin: 0 22px 0 30px;
                    			}
                    		}
                    	}
                    }
                    .right {
                    	.more {
                    		margin-top: 9px;
                    	}
                    }
                }
                // 公共样式
                .left {
                    float: left;
                    width: 100px;
                    box-sizing: border-box;
                    background: #DDDDDD;
                    padding-left: 10px;
                }
                .center {
                    float: left;
                    width: 738px;
                    dl {
                        dd {
                            float: left;
                        }
                    }
                }
                .right {
                    float: right;
                    width: 132px;
                    .multiple {
                        width: 60px;
                        height: 14px;
                        display: inline-block;
                        line-height: 14px;
                        background: #F1EFEF;
                        text-align: center;
                        a {
                            display: block;
                        }
                    }
                    .more {
                        float: right;
                        box-sizing: border-box;
                        height: 14px;
                        width: 62px;
                        padding: 0 10px;
                        a {
                            display: block;
                        }
                    }
                }
                // 第一行li标签
                &:first-child {
                    background: #DDDDDD;
                }
                // 所有a标签颜色
                a {
                    color: #666;
                }
                // 选中当前a标签颜色
                &.active {
                    a {
                        color: #333;
                    }
                }
            }
        }
    }
}
/* 分类导航 categoryNav End */

/*  产品 product Start */
.ugo_list_product {
	.products {
		width: 1020px;
		margin: 10px 0 10px -10px;
		li.product {
			margin: 10px ;
			float: left;
			width: 235px;
			height: 330px;
			box-sizing: border-box;
			background: #FFF;
			padding: 9px;
			// c3样式
			&:hover {
				box-shadow: 1px 2px 2px 3px #999;
				transition: all .5s;
			}
			.img {
				width: 217px;
				height: 217px;
				text-align: center;
				margin-bottom: 16px;
				a {
					height: 217px;
					line-height: 217px;
					display: block;
					img {
						vertical-align: middle;
						text-align: center;
					}
				}
			}
			.info {
				.price {
					height: 30px;
					ins {
						font-size: 9px;
					}
					.new {
						font-size: 19px;
						color: #A90000;
						margin-right: 50px;
					}
					.old {
						color: #BFBFBF;
						position: relative;
						&::before {
							content: '';
							width: 100%;
							border-bottom: 1px solid #BFBFBF;
							position: absolute;
							top: 9px;
						}
					}
				}
				.describe {
					height: 26px;
					a {
						color: #333333;
					}
				}
			}
			.comment {
				height: 22px;
				li.star {

					float: left;
					a {
						font-size: 20px;
						color: #A90000;
					}
				}
				li.num {
					float: left;
					margin: 10px 0 0 10px;
				}
			}
		}
	}
    .change_page {
        height: 30px;
        margin: 10px auto 0;
        text-align: center;
        .central {
            // 居中不容易啊
            display: inline-block;
            .prve {
                
            }
            .page {
                display: inline-block;
                margin: 0 10px;
                dd {
                    float: left;
                    width: 30px;
                    height: 30px;
                    margin-left: -1px;
                    a {
                        width: 28px;
                        height: 28px;
                        line-height: 28px;
                        font-size: 16px;
                        display: block;
                        border: 1px solid #BBBBBB;
                    }
                    &.active {
                        background: #A90000;
                        a {
                            color: #FFF;
                        }
                    }
                }
            }
            .next {
                
            }
            // 公共的
            & > a {
                width: 60px;
                display: inline-block;
                height: 28px;
                line-height: 28px;
                font-size: 16px;
                background: #FFF;
                color: #656565;
                border: 1px solid #BBBBBB;
            }
        }
    }
}
/*  产品 product End */

/*  标语 slogan Start */
.ugo_list_slogan {
    margin-top: 50px;
    h2 {
        text-align: center;
        font: 48px/54px '宋体';
        color: #333;
    }
    .footer_img {
        margin: 13px 0;
        height: 220px;
        img {
            width: 1000px;
            height: 220px;
        }
    }
}
/*  标语 slogan End */

